/* eslint-disable max-len */
import React from "react";
import { Group, Path } from "@shopify/react-native-skia";

import type { StickerProps } from "./Sticker";
import { type StickerDimensions } from "./types";

const size: StickerDimensions = { width: 146, height: 52, x: 100, y: 200 };

const Sticker = ({ matrix }: StickerProps) => {
  return (
    <Group transform={[{ translateX: size.x }, { translateY: size.y }]}>
      <Group matrix={matrix}>
        <Path
          path="M0.460083 26.71V45.994C0.460083 49.178 3.04208 51.76 6.22608 51.76H26.9371C30.1211 51.76 32.7021 49.178 32.7021 45.994V26.71H0.460083Z"
          color="#DBDBDB"
        />
        <Path
          path="M32.7021 25.0989V5.81395C32.7021 2.62995 30.1211 0.0489502 26.9371 0.0489502H6.22608C3.04208 0.0489502 0.460083 2.62995 0.460083 5.81395V25.0989H32.7021Z"
          color="#DBDBDB"
        />
        <Path
          path="M17.096 13.9649C17.338 13.9649 17.531 13.9409 17.869 13.7719L20.141 12.6599V25.0979H23.428V10.5329C23.428 9.61489 22.703 8.88989 21.784 8.88989C21.398 8.88989 20.963 8.98589 20.431 9.22789L16.564 11.0649C15.984 11.3549 15.597 11.7899 15.597 12.4659C15.597 13.2879 16.274 13.9649 17.096 13.9649Z"
          color="white"
        />
        <Path
          path="M26.5211 39.921H23.4281V26.71H20.1411V39.921H17.0471C16.2261 39.921 15.5491 40.598 15.5491 41.42C15.5491 42.241 16.2261 42.918 17.0471 42.918H26.5211C27.3431 42.918 28.0201 42.241 28.0201 41.42C28.0201 40.598 27.3431 39.921 26.5211 39.921Z"
          color="white"
        />
        <Path
          path="M68.972 25.0989V5.81395C68.972 2.62995 66.391 0.0489502 63.207 0.0489502H42.496C39.312 0.0489502 36.731 2.62995 36.731 5.81395V25.0989H68.972Z"
          color="#DBDBDB"
        />
        <Path
          path="M36.7311 26.71V45.994C36.7311 49.178 39.3121 51.76 42.4961 51.76H63.2071C66.3911 51.76 68.9721 49.178 68.9721 45.994V26.71H36.7311Z"
          color="#DBDBDB"
        />
        <Path
          path="M47.1321 19.494C48.0481 19.494 48.7711 18.771 48.7711 17.855V17.47C48.7711 13.035 50.3141 11.685 52.1931 11.685C54.0731 11.685 55.6161 13.035 55.6161 17.47V18.771C55.6161 20.94 55.1821 22.531 53.9771 24.749L53.7841 25.098H57.4841C58.5621 22.815 58.8931 21.123 58.8931 18.771V17.373C58.8931 11.444 56.3871 8.69702 52.1931 8.69702C48.0001 8.69702 45.4931 11.444 45.4931 17.373V17.855C45.4931 18.771 46.2161 19.494 47.1321 19.494Z"
          color="white"
        />
        <Path
          path="M57.592 40.029H49.349L56.628 26.773C56.64 26.751 56.65 26.731 56.662 26.71H52.899L45.686 39.836C45.372 40.415 45.204 40.896 45.204 41.427C45.204 42.342 45.879 43.017 46.794 43.017H57.592C58.412 43.017 59.087 42.342 59.087 41.523C59.087 40.704 58.412 40.029 57.592 40.029Z"
          color="white"
        />
        <Path
          path="M109.269 25.0989V5.81395C109.269 2.62995 106.688 0.0489502 103.503 0.0489502H82.792C79.609 0.0489502 77.027 2.62995 77.027 5.81395V25.0989H109.269Z"
          color="#DBDBDB"
        />
        <Path
          path="M77.0281 26.71V45.994C77.0281 49.178 79.6101 51.76 82.7931 51.76H103.504C106.689 51.76 109.27 49.178 109.27 45.994V26.71H77.0281Z"
          color="#DBDBDB"
        />
        <Path
          path="M91.9061 25.0989L94.9861 17.3489V25.0989H98.2721V10.6309C98.2721 9.61595 97.4511 8.79395 96.4351 8.79395C95.6141 8.79395 94.9371 9.32595 94.6471 10.0509L88.6611 25.0989H91.9061Z"
          color="white"
        />
        <Path
          path="M99.3851 32.43H98.2731V26.71H94.9871V32.43H88.9921L91.2661 26.71H88.0201L85.8031 32.284C85.6091 32.817 85.4151 33.348 85.4151 33.928C85.4151 34.75 86.0931 35.426 86.9141 35.426H94.9871V41.371C94.9871 42.29 95.7111 43.015 96.6291 43.015C97.5481 43.015 98.2731 42.29 98.2731 41.371V35.426H99.3851C100.206 35.426 100.883 34.75 100.883 33.928C100.883 33.107 100.206 32.43 99.3851 32.43Z"
          color="white"
        />
        <Path
          path="M145.539 25.0989V5.81395C145.539 2.62995 142.958 0.0489502 139.774 0.0489502H119.062C115.879 0.0489502 113.298 2.62995 113.298 5.81395V25.0989H145.539Z"
          color="#DBDBDB"
        />
        <Path
          path="M113.298 26.71V45.994C113.298 49.178 115.879 51.76 119.063 51.76H139.775C142.958 51.76 145.539 49.178 145.539 45.994V26.71H113.298Z"
          color="#DBDBDB"
        />
        <Path
          path="M132.499 26.71C132.857 27.705 133.044 29.116 133.044 31.076V33.783C133.044 38.423 131.738 40.114 129.418 40.114C127.099 40.114 125.794 38.423 125.794 33.783C125.794 32.864 125.068 32.14 124.15 32.14C123.231 32.14 122.507 32.864 122.507 33.783V33.831C122.507 39.921 124.972 43.111 129.418 43.111C133.865 43.111 136.33 39.921 136.33 33.831V30.737C136.33 29.188 136.176 27.849 135.886 26.71H132.499Z"
          color="white"
        />
        <Path
          path="M124.488 11.6939H131.787L126.325 22.5209C126.18 22.7629 126.083 23.1489 126.083 23.4869C126.083 24.3309 126.636 24.9539 127.421 25.0989H128.06C128.218 25.0709 128.387 25.0269 128.596 24.9379C128.934 24.7919 129.322 24.6949 129.804 24.6949C130.397 24.6949 130.907 24.8209 131.34 25.0989H135.318C134.383 23.1089 132.822 22.0859 130.723 22.0859C130.481 22.0859 130.191 22.1339 129.95 22.2309L135.122 12.1289C135.412 11.5479 135.605 10.9209 135.605 10.2919C135.605 9.3739 134.928 8.6969 134.009 8.6969H124.488C123.667 8.6969 122.99 9.3739 122.99 10.1949C122.99 11.0169 123.667 11.6939 124.488 11.6939Z"
          color="white"
        />
      </Group>
    </Group>
  );
};

export const TimeSticker = { Sticker, size };
